<template>
  <div class="blog_bottom">

    <div class="wechat">
      <div class="wechat_img">
        <p>何大辉微信</p>
        <img src="../assets/wechat.jpg">
      </div>
    </div>
    <ul class="desc">
      <li><h2>站点声明:</h2></li>
      <li>1、欢迎转载，转载请说明出处。</li>
      <li>2、博客内容仅代表个人观点，如有错误欢迎纠正。 邮箱：heyihui104622830@163.com</li>
      <li>3、本站个人博客，是个人学习vue以及ElementUI 仿写，一定程度借鉴了别人的博客风格。</li>
      <li class="beian">
        <span >©2019&nbsp;<span style="font-size: 16px">hyh</span>&nbsp; 爱生活!爱java!&nbsp;&nbsp;&nbsp;</span>
        <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备19099199号<span></span></a>
              <i class="guohui">

              </i>


      </li>

    </ul>
  </div>
</template>

<script>
  export default {
    name: 'blogfooter'
  }
</script>

<style scoped>
  /*--------底部的运用---------------*/
  .blog_bottom{
    margin-top: -10px;
    width: 100%;
    height: 170px;
    background-color: #E4E7ED;

  }
  .blog_bottom .wechat{
    float: left;
    width: 40%;
    height: 100%;
    position: relative;
  }

  .blog_bottom .wechat  .wechat_img{
    position: absolute;
    margin-right: 10px;
    right: 0;
  }

  .blog_bottom .wechat p{
    width: 130px;
    height: 30px;
    line-height: 30px;
    text-align: center;
  }
  .blog_bottom .wechat img{
    width: 130px;
    height: 120px;
  }

  .blog_bottom .desc{
    color: #FFF;
    width:60% ;
    float: left;
    height:100px;
    margin-top: 50px;
  }
  .desc  li  {
    list-style: none;
    font-family: "幼圆","华文宋体","华文楷体","黑体","Times New Roman";
  }
  .desc  li h2{
    font-family: "幼圆","华文宋体","华文楷体","黑体","Times New Roman";
  }

  .beian{
    font-family: "华文楷体","黑体","Times New Roman";
    text-align: left;
      font-size: 14px;
    color: #ffffff;

  }
  .beian a{
       /*text-decoration: none;*/
    color: #ffffff;
  }
  .beian:hover a{
    text-decoration: underline;
    cursor: pointer;
  }

  .guohui{
       margin-top: 1px;
       width: 14px;
       height: 17px;
       background-image: url("../assets/sprite.png");
    background-position:-623px -96px;
       background-repeat: no-repeat;
    display: inline-block;
  }



  /*--------end------*/
</style>
